﻿@model Mobile_new.Models.MainViewModel
@{
    char[] type=new char[]{','};

    var SwatchData = Model.MyTheme.Swatch.Split(type);
    var listtext=SwatchData[0];
    var listBG = SwatchData[1];
    var hoverBg = SwatchData[2];
    
    }


<style type="text/css">
    ul.metroui-list
    {
        list-style: none;
        padding: 0;
        margin:5;
    }
    
    ul.metroui-list li
    {
        padding: 10px;
        margin-top: 2px;
        color:@listtext;
        margin-bottom: 2px;
        background-color:@listBG;
        color: #6495ED;
        cursor: pointer;
        border-radius:5px;
    }
    
    ul.metroui-list li:hover
    {
        background-color:@hoverBg;
    }
    
    li.metroui-list-selected
    {
        background-color: #4e534b !important;
        color: #fff;
    }
</style>
<div style="margin:3px;">
<ul id="menu" class="metroui-list">
    @foreach (var item in Model.ContentPages)
    {
        <li>@item.title</li>
    }
      <li id="ContactUS">Contact Us</li>
      
</ul>
</div>